<template>
	<view>
		<view class="page">
			<!--顶部图片的放置和“发布”页面一样 -->
			<view style="width: 100%; height: auto; overflow: hidden;">
				<image class="box" mode="widthFix" src="../../static/image/banner.jpg"></image>
			</view>

			<view class="content" v-if="type==1">
				<view v-for="(item, index) in leaderList" :key="index" class="content_a"> <!-- 跳转在这写 -->
					<view class="list" @click="toDetail(item.id)">
						<image class="user_img" :src="srcUrl(item.photo_path)"></image>
						<view class="introduce">
							<view class="b_text">{{item.name}}</view>
							<view class="s_text">职务：{{item.job}}</view>
							<view class="s_text">性别：{{item.gender==0 ? '男' : '女'}}</view>
							<view class="s_text" v-if="item.nation_id==2" >民族: 汉族</view>
							<view class="s_text" v-else-if="item.nation_id==3" >民族: 满族</view>
							<view class="s_text" v-else-if="item.nation_id==4" >民族: 蒙古族</view>
							<view class="s_text" v-else-if="item.nation_id==5" >民族: 回族</view>
							<view class="s_text" v-else-if="item.nation_id==6" >民族: 藏族</view>
							<view class="s_text" v-else-if="item.nation_id==7" >民族: 维吾尔族</view>
							<view class="s_text" v-else-if="item.nation_id==8" >民族: 苗族</view>
							<view class="s_text" v-else-if="item.nation_id==9" >民族: 彝族</view>
							<view class="s_text" v-else-if="item.nation_id==10" >民族: 壮族</view>
							<view class="s_text" v-else-if="item.nation_id==11" >民族: 布依族</view>
							<view class="s_text" v-else-if="item.nation_id==12" >民族: 侗族</view>
							<view class="s_text" v-else-if="item.nation_id==13" >民族: 瑶族</view>
							<view class="s_text" v-else-if="item.nation_id==14" >民族: 白族</view>
							<view class="s_text" v-else-if="item.nation_id==15" >民族: 土家族</view>
							<view class="s_text" v-else-if="item.nation_id==16" >民族: 哈尼族</view>
							<view class="s_text" v-else-if="item.nation_id==17" >民族: 哈萨克族</view>
							<view class="s_text" v-else-if="item.nation_id==18" >民族: 傣族</view>
							<view class="s_text" v-else-if="item.nation_id==19" >民族: 黎族</view>
							<view class="s_text" v-else-if="item.nation_id==20" >民族: 傈僳族</view>
							<view class="s_text" v-else-if="item.nation_id==21" >民族: 佤族</view>
							<view class="s_text" v-else-if="item.nation_id==22" >民族: 畲族</view>
							<view class="s_text" v-else-if="item.nation_id==23" >民族: 高山族</view>
							<view class="s_text" v-else-if="item.nation_id==24" >民族: 拉祜族</view>
							<view class="s_text" v-else-if="item.nation_id==25" >民族: 水族</view>
							<view class="s_text" v-else-if="item.nation_id==26" >民族: 东乡族</view>
							<view class="s_text" v-else-if="item.nation_id==27" >民族: 纳西族</view>
							<view class="s_text" v-else-if="item.nation_id==28" >民族: 景颇族</view>
							<view class="s_text" v-else-if="item.nation_id==29" >民族: 柯尔克孜族</view>
							<view class="s_text" v-else-if="item.nation_id==30" >民族: 土族</view>
							<view class="s_text" v-else-if="item.nation_id==31" >民族: 达斡尔族</view>
							<view class="s_text" v-else-if="item.nation_id==32" >民族: 仫佬族</view>
							<view class="s_text" v-else-if="item.nation_id==33" >民族: 羌族</view>
							<view class="s_text" v-else-if="item.nation_id==34" >民族: 布朗族</view>
							<view class="s_text" v-else-if="item.nation_id==35" >民族: 撒拉族</view>
							<view class="s_text" v-else-if="item.nation_id==36" >民族: 毛南族</view>
							<view class="s_text" v-else-if="item.nation_id==37" >民族: 仡佬族</view>
							<view class="s_text" v-else-if="item.nation_id==38" >民族: 锡伯族</view>
							<view class="s_text" v-else-if="item.nation_id==39" >民族: 阿昌族</view>
							<view class="s_text" v-else-if="item.nation_id==40" >民族: 普米族</view>
							<view class="s_text" v-else-if="item.nation_id==41" >民族: 朝鲜族</view>
							<view class="s_text" v-else-if="item.nation_id==42" >民族: 塔吉克族</view>
							<view class="s_text" v-else-if="item.nation_id==43" >民族: 怒族</view>
							<view class="s_text" v-else-if="item.nation_id==44" >民族: 乌孜别克族</view>
							<view class="s_text" v-else-if="item.nation_id==45" >民族: 俄罗斯族</view>
							<view class="s_text" v-else-if="item.nation_id==46" >民族: 鄂温克族</view>
							<view class="s_text" v-else-if="item.nation_id==47" >民族: 德昂族</view>
							<view class="s_text" v-else-if="item.nation_id==48" >民族: 保安族</view>
							<view class="s_text" v-else-if="item.nation_id==49" >民族: 裕固族</view>
							<view class="s_text" v-else-if="item.nation_id==50" >民族: 京族</view>
							<view class="s_text" v-else-if="item.nation_id==51" >民族: 塔塔尔族</view>
							<view class="s_text" v-else-if="item.nation_id==52" >民族: 独龙族</view>
							<view class="s_text" v-else-if="item.nation_id==53" >民族: 鄂伦春族</view>
							<view class="s_text" v-else-if="item.nation_id==54" >民族: 赫哲族</view>
							<view class="s_text" v-else-if="item.nation_id==55" >民族: 门巴族</view>
							<view class="s_text" v-else-if="item.nation_id==56" >民族: 珞巴族</view>
							<view class="s_text" v-else-if="item.nation_id==57" >民族: 基诺族</view>
							<view class="s_text" v-else-if="item.nation_id==58" >民族: 僜人</view>
							<view class="s_text" v-else-if="item.nation_id==59" >民族: 蔡家人</view>
							<view class="s_text" v-else-if="item.nation_id==60" >民族: 菜族人</view>
							<view class="s_text" v-else-if="item.nation_id==61" >民族: 老品人</view>
							<view class="s_text" v-else-if="item.nation_id==62" >民族: 八甲人</view>
							<view class="s_text" v-else-if="item.nation_id==63" >民族: 夏尔巴人</view>
							<view class="s_text" v-else-if="item.nation_id==64" >民族: 土克曼人</view>
							<view class="s_text" v-else-if="item.nation_id==65" >民族: 摩梭人</view>
							<view class="s_text" v-else-if="item.nation_id==66" >民族: 克木人</view>
							<view class="s_text" v-else-if="item.nation_id==67" >民族: 穿青人</view>
							<view class="s_text" v-else="item.nation_id==68" >民族: 其他</view>
						</view>
					</view>
				</view>
				<u-divider v-if="leaderList" bg-color="#f1f1f1" border-color="#bdbdbd">没有更多了</u-divider>
				<u-divider v-else="leaderList" bg-color="#f1f1f1">暂无领导信息</u-divider>
			</view>
			<view class="content" v-if="type==2">
				<view v-for="(item, index) in alumni" :key="index" class="content_a"> <!-- 跳转在这写 -->
					<view class="list" @click="toDetail(item.id)">
						<image class="user_img" :src="srcImage(item.photo_path)"></image>
						<view class="introduce">
							<view class="b_text">{{item.name}}</view>
							<view class="s_text">职务：{{item.job}}</view>
							<view class="s_text">性别：{{item.gender==0 ? '男' : '女'}}</view>
							<view class="s_text" v-if="item.nation_id==2" >民族: 汉族</view>
							<view class="s_text" v-else-if="item.nation_id==3" >民族: 满族</view>
							<view class="s_text" v-else-if="item.nation_id==4" >民族: 蒙古族</view>
							<view class="s_text" v-else-if="item.nation_id==5" >民族: 回族</view>
							<view class="s_text" v-else-if="item.nation_id==6" >民族: 藏族</view>
							<view class="s_text" v-else-if="item.nation_id==7" >民族: 维吾尔族</view>
							<view class="s_text" v-else-if="item.nation_id==8" >民族: 苗族</view>
							<view class="s_text" v-else-if="item.nation_id==9" >民族: 彝族</view>
							<view class="s_text" v-else-if="item.nation_id==10" >民族: 壮族</view>
							<view class="s_text" v-else-if="item.nation_id==11" >民族: 布依族</view>
							<view class="s_text" v-else-if="item.nation_id==12" >民族: 侗族</view>
							<view class="s_text" v-else-if="item.nation_id==13" >民族: 瑶族</view>
							<view class="s_text" v-else-if="item.nation_id==14" >民族: 白族</view>
							<view class="s_text" v-else-if="item.nation_id==15" >民族: 土家族</view>
							<view class="s_text" v-else-if="item.nation_id==16" >民族: 哈尼族</view>
							<view class="s_text" v-else-if="item.nation_id==17" >民族: 哈萨克族</view>
							<view class="s_text" v-else-if="item.nation_id==18" >民族: 傣族</view>
							<view class="s_text" v-else-if="item.nation_id==19" >民族: 黎族</view>
							<view class="s_text" v-else-if="item.nation_id==20" >民族: 傈僳族</view>
							<view class="s_text" v-else-if="item.nation_id==21" >民族: 佤族</view>
							<view class="s_text" v-else-if="item.nation_id==22" >民族: 畲族</view>
							<view class="s_text" v-else-if="item.nation_id==23" >民族: 高山族</view>
							<view class="s_text" v-else-if="item.nation_id==24" >民族: 拉祜族</view>
							<view class="s_text" v-else-if="item.nation_id==25" >民族: 水族</view>
							<view class="s_text" v-else-if="item.nation_id==26" >民族: 东乡族</view>
							<view class="s_text" v-else-if="item.nation_id==27" >民族: 纳西族</view>
							<view class="s_text" v-else-if="item.nation_id==28" >民族: 景颇族</view>
							<view class="s_text" v-else-if="item.nation_id==29" >民族: 柯尔克孜族</view>
							<view class="s_text" v-else-if="item.nation_id==30" >民族: 土族</view>
							<view class="s_text" v-else-if="item.nation_id==31" >民族: 达斡尔族</view>
							<view class="s_text" v-else-if="item.nation_id==32" >民族: 仫佬族</view>
							<view class="s_text" v-else-if="item.nation_id==33" >民族: 羌族</view>
							<view class="s_text" v-else-if="item.nation_id==34" >民族: 布朗族</view>
							<view class="s_text" v-else-if="item.nation_id==35" >民族: 撒拉族</view>
							<view class="s_text" v-else-if="item.nation_id==36" >民族: 毛南族</view>
							<view class="s_text" v-else-if="item.nation_id==37" >民族: 仡佬族</view>
							<view class="s_text" v-else-if="item.nation_id==38" >民族: 锡伯族</view>
							<view class="s_text" v-else-if="item.nation_id==39" >民族: 阿昌族</view>
							<view class="s_text" v-else-if="item.nation_id==40" >民族: 普米族</view>
							<view class="s_text" v-else-if="item.nation_id==41" >民族: 朝鲜族</view>
							<view class="s_text" v-else-if="item.nation_id==42" >民族: 塔吉克族</view>
							<view class="s_text" v-else-if="item.nation_id==43" >民族: 怒族</view>
							<view class="s_text" v-else-if="item.nation_id==44" >民族: 乌孜别克族</view>
							<view class="s_text" v-else-if="item.nation_id==45" >民族: 俄罗斯族</view>
							<view class="s_text" v-else-if="item.nation_id==46" >民族: 鄂温克族</view>
							<view class="s_text" v-else-if="item.nation_id==47" >民族: 德昂族</view>
							<view class="s_text" v-else-if="item.nation_id==48" >民族: 保安族</view>
							<view class="s_text" v-else-if="item.nation_id==49" >民族: 裕固族</view>
							<view class="s_text" v-else-if="item.nation_id==50" >民族: 京族</view>
							<view class="s_text" v-else-if="item.nation_id==51" >民族: 塔塔尔族</view>
							<view class="s_text" v-else-if="item.nation_id==52" >民族: 独龙族</view>
							<view class="s_text" v-else-if="item.nation_id==53" >民族: 鄂伦春族</view>
							<view class="s_text" v-else-if="item.nation_id==54" >民族: 赫哲族</view>
							<view class="s_text" v-else-if="item.nation_id==55" >民族: 门巴族</view>
							<view class="s_text" v-else-if="item.nation_id==56" >民族: 珞巴族</view>
							<view class="s_text" v-else-if="item.nation_id==57" >民族: 基诺族</view>
							<view class="s_text" v-else-if="item.nation_id==58" >民族: 僜人</view>
							<view class="s_text" v-else-if="item.nation_id==59" >民族: 蔡家人</view>
							<view class="s_text" v-else-if="item.nation_id==60" >民族: 菜族人</view>
							<view class="s_text" v-else-if="item.nation_id==61" >民族: 老品人</view>
							<view class="s_text" v-else-if="item.nation_id==62" >民族: 八甲人</view>
							<view class="s_text" v-else-if="item.nation_id==63" >民族: 夏尔巴人</view>
							<view class="s_text" v-else-if="item.nation_id==64" >民族: 土克曼人</view>
							<view class="s_text" v-else-if="item.nation_id==65" >民族: 摩梭人</view>
							<view class="s_text" v-else-if="item.nation_id==66" >民族: 克木人</view>
							<view class="s_text" v-else-if="item.nation_id==67" >民族: 穿青人</view>
							<view class="s_text" v-else="item.nation_id==68" >民族: 其他</view>
						</view>
					</view>
				</view>
				<u-divider v-if="alumni" bg-color="#f1f1f1" border-color="#bdbdbd">没有更多了</u-divider>
				<u-divider v-else="alumni" bg-color="#f1f1f1">暂无杰出校友信息</u-divider>
			
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getFindLeaders,
		getFindByAlumnis
	} from "@api"
	import Vue from "vue"
	export default {
		name: "excellent_leader",
		data() {
			return {
				leaderList : [], //历任领导集合
				alumni : [], //杰出校友
				type : 0, //1:历任领导，2:杰出校友
				size: 10,
				page: 0
			}
		},
		onLoad: function(e) {
			this.getFindLeaderList(e.type);
			this.getFindByAlumnisList(e.type);
		},
		onReachBottom: function() { //当划到最底部的时候触发事件
			this.getMoreNews(); //到底之后会触发getMoreNews()函数;
		},
		methods: {
			//历任领导
			getFindLeaderList: function(type){
				var that = this;
				getFindLeaders({page:that.page,size:that.size})
				.then(res=>{
				  that.leaderList = res;
				  that.type=type;
				})
			},
			//杰出校友
			getFindByAlumnisList: function(type){
				var that = this;
				getFindByAlumnis({page:that.page,size:that.size})
				.then(res=>{
				  console.log("alumni:",res);
				  that.alumni = res;
				  that.type=type;
				})
			},
			srcUrl: function(path) {
				if(path == "" || path == undefined || path == null){
					return Vue.prototype.$t.URL.staticImg + "/noimage.bmp"
				}else{
					return Vue.prototype.$t.URL.leader + path;
				}
				
			},
			getMoreNews: function() { //数据到底,触发这个函数
				var that = this;
				that.page = that.page + 1
				uni.showNavigationBarLoading(); //一读取数据,就进行刷新
				if(that.type == 1){
					getFindLeaders({page:that.page,size:that.size})
					.then(res => { 
						if (res == 0) {
							that.page = that.page - 1
							uni.stopPullDownRefresh(); //数据加载完成,刷新结束
							uni.hideNavigationBarLoading(); //数据读取完毕,刷新停止
							return false;
						}
						that.leaderList = that.leaderList.concat(Array.from(res))
						uni.stopPullDownRefresh(); //数据加载完成,刷新结束
						uni.hideNavigationBarLoading(); //数据读取完毕,刷新停止
							
					});
				}else if(that.type == 2){
					getFindByAlumnis({page:that.page,size:that.size})
					.then(res => { 
						if (res == 0) {
							that.page = that.page - 1
							uni.stopPullDownRefresh(); //数据加载完成,刷新结束
							uni.hideNavigationBarLoading(); //数据读取完毕,刷新停止
							return false;
						}
						that.alumni = that.alumni.concat(Array.from(res))
						uni.stopPullDownRefresh(); //数据加载完成,刷新结束
						uni.hideNavigationBarLoading(); //数据读取完毕,刷新停止
							
					});
				}
				
			},
			/* 跳转历任领导详情页 */
			toDetail(id) {
				var that = this;
				that.$Router.push({name:'leader_info',params:{id:id,type:that.type}})
			},
			srcImage: function(image) {
				return this.$t.getImageUrl(image);
			}
		}
	}
</script>

<style>
	.box {
		width: 100%;
		height: 300rpx;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
	}
	
	.page {
		width: 100%;
		height: auto;
		background: #f1f1f1;
		border-radius: 4rpx;
	}

	.top {
		width: 120%;
		height: 140rpx;
		margin-left: -30rpx;
		background: #bd2f14;
	}

	.content {
		width: 100%;
		padding: 10rpx;
	}

	.content_a {
		
		background: #ffffff;
		margin-bottom: 10rpx;
		border-radius: 4rpx;
	}

	.list {
		display: flex;
		width: 100%;
		height: 200rpx;
	}

	.user_img {
		margin: 8rpx;
		width: 160rpx;
		height: auto;
		background: #55aaff;
	}

	.introduce {
		display: flex;
		flex-direction: column;
		align-content: space-between;
		margin: 8rpx;
	}

	.b_text {
		height: 50rpx;
		font-size: 34rpx;
		font-weight: bold;
		margin-bottom: 6rpx;
	}

	.s_text {
		line-height: 46rpx;
		flex: 1;
	}
</style>
